【vue】预加载、懒加载

2023-10-04 02:42| 来源: 网络整理| 查看: 265

项目场景：

提示：记录：预加载：会在使用之前，提前加载js文件（等其他资源加载完毕，浏览器空闲了，在偷偷加载资源，适用于pc端）兼容性问题严重，caniuse查看是否使用该技术懒加载：当文件需要使用时才加载

懒加载：又叫做延迟加载，通过加载网络资源或符合某些条件时才加载资源。常见的就是图片延迟加载。懒加载的意义：懒加载的目的主要是作为服务器前端的优化，减少请求数或延迟请求数。懒加载的实现方式： 1、纯粹的延迟加载:使用setTimeOut或者setInterval进行加载延迟。 2、条件加载:符合某些条件，或者触发某些事件才开始异步加载。 3、可视化区域加载：即只加载用户看得到的区域通过监控滚动来实现，一般会在距离用户看到图片前一定距离才开始加载，这样可以保证用户下拉时正好看到图片。

区别：一个是提前加载，一个是延迟甚至不加载，懒加载可以缓解服务器对的压力。预加载会增大服务器的压力，比如广告弹窗等。

问题描述

：

showdate(date){ let ids = date.map(res => { return res.projid } post('',{ ids:ids.join(,) }).then(asycn res => { this.bseList = [] for (let i return { baseList:[], baseListAll:[] } } methods:{ scollHeight(e){ if((this.base64Look.length*1605 - e.target.scrollTop ))

【本文地址】

公司简介

联系我们